$(function(){
    // 记录当前id和状态
    var isDelete = null;
    var currentId = null;

    // 记录当前页码和页数
    var currentPage = 1;
    var pageSize = 5;
    function render(){
        $.ajax({
            url: "/user/queryUser",
            data: {
                page: currentPage,
                pageSize: pageSize
            },
            dataType: "json",
            success: function(result){
                // 渲染
                $("tbody").html(template("temp",result));
                // 生成分页
                setPage(result.total);
            }
        });
    }
    render();

    // 分页
    function setPage(total){
        $("#paginator").bootstrapPaginator({
            bootstrapMajorVersion: 3,//默认是2，如果是bootstrap3版本，这个参数必填
            currentPage: currentPage,//当前页
            totalPages: Math.ceil(total/pageSize),//总页数
            onPageClicked: function (event, originalEvent, type,page) {
                //为按钮绑定点击事件 page:当前点击的按钮值
                // 记录当前页
                currentPage = page;
                // 渲染每页
                render();
            }
        });
    }

    // 点击按钮获取id进行操作
    $("tbody").on("click",".button",function(){
        currentId = $(this).parent().attr("data-id");
        isDelete = $(this).hasClass("btn-success") ? 1 : 0;
    });

    //点击确定按钮, 使用获取到的id进行对应的操作
    $(".btn-ok").on("click", function(){
        $.ajax({
            url: "/user/updateUser",
            type: "post",
            data: {
                id: currentId,
                isDelete: isDelete
            },
            dataType: "json",
            success: function(result){
                if(result.success){
                    // 重新渲染页面
                    render();
                    // 隐藏模态框
                    $(".modal-user").modal("hide");
                }
            }
        });
    });

});